<template>
    <div class="team__item-inner">
        <div class="team__item-thumb">
            <img :src="data.avatar" alt="Team Image">
        </div>
        <div class="team__item-content team__item-content--style2">
            <div class="team__item-author">
                <h6><nuxt-link to="/mentor-details">{{ data.name }}</nuxt-link> </h6>
                <p class="mb-0">{{ data.role }}</p>
                <ul class="social social--style2 mt-2 justify-content-center">
                    <li class="social__item">
                        <a href="#" class="social__link social__link--defult"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li class="social__item">
                        <a href="#" class="social__link social__link--defult"><i class="fab fa-instagram"></i></a>
                    </li>
                    <li class="social__item">
                        <a href="#" class="social__link social__link--defult"><i class="fab fa-youtube"></i></a>
                    </li>
                    <li class="social__item">
                        <nuxt-link to="/signin" class="social__link social__link--defult"><i class="fab fa-twitter"></i>
                        </nuxt-link>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props: {
        data: {
            type: Object,
            default: () => { }
        }
    }
}
</script>